<template>
  <div class="title">
    <h1>联动保供全景图</h1>
  </div>
</template>

<script>
export default {
  name: 'Title'
}
</script>

<style lang="less" scoped>
.title {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../assets/images/page_title.png);
  background-size: 100% 100%;
  padding: 10px 40px;

  h1 {
    font-size: 20px;
    color: #ffffff;
  }
}
</style>